
<!--{template "wap_header"}-->

<!--{~ui('loader')->js('jquery.more')}-->
<!--{~ui('loader')->js('category-20140307')}-->

<style type="text/css">
 
 /* 图片调用 */


h1, h2, h3, h4, div, li, p, menu, dl, dt, dd {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
-webkit-tap-highlight-color: transparent;
}

.w-index-search {
position: relative;
padding: 10px;
background: #fff;
}
.w-index-search .search-input-wrap {
background: #fff;
position: relative;
width: 100%;
height: 35px;
overflow: hidden;
}

.w-index-search .search-input-wrap input {
display: block;
height: 100%;
width: 100%;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #303030;
padding: 0;
padding-left: 10px;
padding-right: 83px;
border: 1px solid #E4393C;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.w-index-search .search-input-wrap button {
cursor: pointer;
display: block;
width: 49px;
height: 100%;
position: absolute;
right: 0;
top: 0;
text-indent: -9999px;
overflow: hidden;
border: 0;
border-left: 1px solid #E4393C;
background-color: #E4393C;
background-image: url(http://m.xq517.com/templates/xqw/images/icon-search.png);
background-position: center;
background-repeat: no-repeat;
background-size: 17px 17px;
}
.w-sort {
position: relative;
z-index: 11;
height: 38px;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #dedede;
}
.w-sort li {
width: 33.333333333333336%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
height: 38px;
font-size: 13px;
line-height: 38px;
color: #717171;
background-color: #fff;
text-align: center;
padding: 0 10px;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.w-sort::before, .w-sort::after {
content: "";
position: absolute;
left: 33.333333333333336%;
top: 0;
bottom: 0;
margin: auto 0;
width: 1px;
height: 15px;
background: #dedede;
}
.w-sort li::after {
content: "";
display: inline-block;
vertical-align: -4px;
margin: 0 0 0 4px;
border-width: 5px 4px;
border-style: solid;
border-color: #fff;
border-top-color: #717171;
}
.w-sort::after {
left: 66.66666666666667%;
}
.w-viewmore {
padding: 10px;
}
.w-viewmore .get_more {
float: left;
width: 213px;
cursor: pointer;
color: #303030;
}
.w-viewmore .op-btn {
border: 1px solid #e0e0e0;
border-radius: 3px;
text-align: center;
height: 29px;
line-height: 29px;
font-size: 13px;
background-color: #fff;
}
.w-viewmore .btn-goup {
float: right;
width: 78px;
cursor: pointer;
color: #303030;
}


 </style>  

<body id="index">

  
 <!-- 搜索框 -->
<section class="w-index-search">

<div class="search-input-wrap">
<input type="text" name="q" class="j-search-input" id="search-txt" value="{$kw}" autocomplete="off" placeholder="请输入您想找的商品" onkeyup="if (event.keyCode == 13) front_search_request();"/>

<button type="button" class="j-search-submit" onclick="front_search_request()">搜索</button>
</div>

</section>	
<script type="text/javascript">
var front_search_base = "{echo logic('url')->create('search', array('mod'=>'search','kw' => 'xqw'))}";
function front_search_request()
{
window.location = front_search_base.replace('xqw', encodeURIComponent($('#search-txt').val()));
}
</script>
<div style="display: none;">搜索框</div> 
 
  <!-- 搜索框 -->

<div class="content" id='content'>
 	<div class="search-asslist" style="display: none">
			<ul id='search_history_ul'>
			</ul>
		</div>
		
		
		
	<ul class="w-sort j-w-sort clearfix" >

<li data-type="category" id="show_categories" class="">全部分类</li>
<li data-type="area" id="show_district" class="">全部地区</li>
<li data-type="order" id="show_sort" class="">默认排序</li>
</ul>	
		
		
		
		
 

	
<!-- 点击菜单遮罩 -->
<div id="fullbg" style="width:100%;height: 100%;display:none; top:0; z-index:10001;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transform:translate3d(0,0,0);">
	<i class="pull"></i>
</div>
<!-- 点击菜单遮罩结束 -->
<!-- 菜单头部 结束 -->
<!-- 分类信息 -->
<!--{~ui('catalog')->wap_display()}-->

<!-- 分类信息 --><!-- 商圈信息 -->
<!--{~logic('city')->wap_place_navigate()}-->

<!-- 商圈信息结束-->	
<!-- 排序 -->
<!--{~logic('sort')->wap_product_navigate()}-->
<!-- 排序结束 --><!-- 固定园圈快捷方式 -->

<!-- 排序结束 --><!-- 固定园圈快捷方式 -->
<!-- <div class="lsplus">
	<div class="circle" >
		<ul >
						<li class="tp-freeres"><a href="?mod=me&code=coupon"><i></i>我的团购券</a></li>
						<li class="tp-myls"><a href="?mod=me&code=order"><i></i>我的订单</a></li>
						<li class="tp-mysc"><a href="?mod=me&code=bill"><i></i>消费详单</a></li>
						<li class="tp-myhd tp-none"><a href="index.php?mod=wap"><i></i>验证消费</a></li>
		</ul>
		<i class="iconjt"></i> 
	</div>
	<div class="plusbtn"  onclick="_hmt.push(['_trackEvent', 'indexCircle', 'click', 'indexCircle']);" > 
		<i class=""></i>
	</div>
	
</div> -->

<div id="fullbg_f" style="width:100%;height: 100%;display:none; top:0; z-index:10003;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transform:translate3d(0,0,0);"></div>
<!-- 固定园圈快捷方式结束 -->
<!--banner-->
<!--banner end-->
<script type="text/javascript">

</script>	

<!-- 产品列表开始 -->
 <div class="v3">

 
 <ul class="common-item">
 {loop $product $k $item}
 	 <li class="single_item">
		<a href="?view={$item['id']}">
		<div class="pic">
		
		<img class="lazy" {echo 'sr'.'c="'.ini('settings.site_url').'/static/images/1x1.gif"'} data-original="{echo imager($item['imgs'][0], IMG_Small);}" width="110" height="72"/>	
		 
		</div>
		<div class="item-name">
		<!-- <div class="item-ico">
		<span class="icon-ticket"></span>
		</div> -->
		<h2>{$item['name']}</h2>
		<h3>{eval echo strip_tags($item['intro'])}</h3>
		<div class="item-edit">
		<p class="price">{if $item['preprice']}{$item['pretext']}:<b>￥{$item['nowprice']}</b> &yen;{$item['preprice']}{else}<b>&yen;{$item['nowprice']}</b> <del>&yen;{$item['price']}</del>{/if}</p>
		<p class="num"><span></span>{$item['succ_buyers']}</p>
		</div>
		</div>
		</a>
	</li>
	{/loop}
 </ul>
 
 
 </div>
 {~ui('loader')->js('@jquery.lazyload')}
<script type="text/javascript">
$("img.lazy").lazyload({effect:'fadeIn',skip_invisible:false});
</script>
 <!-- 产品列表结束 -->
 
 <div class="w-viewmore cf" >
<a id="getMorePage" href="javascript:;" class="op-btn get_more" page="2" param="{$catalog}">查看更多</a>
<a href="javascript:scroll(0,0)"  class="op-btn btn-goup" >回到顶部</a>
</div>
 
 
</div>

<!--{template "wap_footer"}-->


</body>
</html>